<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/uausl.css"/>
    <link rel="stylesheet" href="css/swiper.css"/>
    <title></title>
</head>
<body>
<script src="../js/overall_mask.js"></script>
    <div id="uausl_details">
        <header>
            <div class="header">
                <div class="l"><i class="icon icon-arrowleft"></i></div>
                <div class="c">套餐详情</div>
                <div class="r"><i class="icon icon-heart"></i><i class="icon icon-share"></i></div>
            </div>

        </header>
        <div class="content">
            <div class="swiper-container banner">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="imgClu">
                            <img src="img/update/cw-pu2_03.jpg" alt=""/>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="imgClu">
                            <img src="img/update/cw-pu1_03.jpg" alt=""/>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="imgClu">
                            <img src="img/update/cw-pu2_03.jpg" alt=""/>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="imgClu">
                            <img src="img/update/cw-pu1_03.jpg" alt=""/>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="imgClu">
                            <img src="img/update/cw-pu2_03.jpg" alt=""/>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="package_one">
                <div class="describe">
                    <h1><span>基础套餐1</span></h1>
                    <p class="people">2-3人</p>
                    <section>
                        <ul>
                            <li><span>•</span>挪威三文鱼 阿拉斯加银鳕鱼 各国知名海鲜</li>
                            <li><span>•</span>有的菜肴是菜用口味创新法</li>
                            <li><span>•</span>有的菜肴是菜用的配料创意法。精彩种种。</li>
                        </ul>
                    </section>
                    <div class="book">
                        <div class="num"><span>100</span>次预订 <span>200</span>人关注</div>
                        <span class="line"></span>
                    </div>
                    <div class="menu">
                        <div class="log"><p>菜单</p></div>
                        <div class="menu_list">
                            <div class="menu_unit">
                                <h3>凉菜</h3>
                                <p>时蔬豆腐</p>
                            </div>
                            <div class="menu_unit">
                                <h3>热菜</h3>
                                <p>银锅韭香鱼丸</p>
                                <p>家常肠旺</p>
                                <p>小炒牛蛙</p>
                                <p>铁板鲍汁什锦菇</p>
                            </div>
                            <div class="menu_unit">
                                <h3>汤</h3>
                                <p>时蔬汤</p>
                            </div>
                        </div>
                        <div class="book">
                            <div class="num">食材费预估<span>￥ 59.00</span></div>
                            <span class="line"></span>
                        </div>
                    </div>
                </div>
                <div class="tips">
                    <h2>-温馨提示-</h2>
                    <p>.费用只包含厨师服务费.</p>
                    <p>.设计的材料费用需线下自付.</p>
                    <p>.成品以实物为准，图片仅供参考.</p>
                    <p>.如有疑问请联系厨宝宝客服.</p>
                    <div class="kefu">
                        <a href="tel:13488952131">
                            <div class="ibox"><i class="icon icon-call"></i></div>
                            <p>联系客服</p>
                        </a>
                    </div>

                </div>
            </div>

        </div>
        <div class="uausl_details_foot m-list list-justify">
            <div class="m-list-name"><span>￥</span><sub>99.00</sub></div>
            <div class="m-list-inner"><div class="cw-btn cw-btn1">立即预订</div></div>
        </div>
    </div>
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script>
        var swiper1 = new Swiper('.swiper-container',{
            pagination: '.swiper-pagination'
        });
        $(window).on('scroll',function(e){
            if($(this).scrollTop() > 350){
                $('header').addClass('on');
            }else{
                $('header').removeClass('on');
            }
        })
    </script>
</body>
</html>